<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Gradients Dialog Box</title>
<link rel="stylesheet" href="RoboHTML_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='RoboHTML.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
p.whs2 { margin-left:40px; }
img_whs3 { border:none; width:367px; height:128px; float:none; border-style:none; }
ul.whs4 { list-style:square; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying reports\nAdding features for users\nHighlighting specific sets of data: Thresholds\nInterfaces for thresholds\nGradients dialog box");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Gradients dialog box</h1>
<p>Gradient colors blend two colors to create a gradual color change in 
 the background of a control on a document. You can select the two colors, 
 as well as the direction of the blending. The direction is called the 
 Gradient Variant, and you can choose from the following directions:</p>
<ul type="disc" class="whs1">
	
<li class=p><p>Left to right</p></li>
	
<li class=p><p>Right to left</p></li>
	
<li class=p><p>Top to bottom</p></li>
	
<li class=p><p>Bottom to top</p></li>
</ul>
<p>Three-way or mirror gradients blend the colors from the middle of the 
 control out to the edges. That is, one color is applied in the center 
 of the control and the other to the edges of the control, then the two 
 are blended. The two halves of the control are identical, as though a 
 mirror was placed along the center of the control. You can choose to blend 
 the colors horizontally or vertically, as shown in the rectangles below, 
 by specifying the Gradient Variant:</p>
<p class="whs2"><img src="images/gradientsmirror.gif" x-maintain-ratio="TRUE" width="367px" height="128px" border="0" class="img_whs3"></p>
<p>Three-way gradients are displayed only in Flash Mode. They are displayed 
 as non-mirrored gradients in other Web display modes and in Desktop. Horizontally 
 centered gradients have the colors displayed from left to right. Vertically 
 centered gradients have the colors displayed from top to bottom.</p>
<p>The Gradients dialog box allows you to format the gradient using the 
 following options:</p>
<ul type="disc" class="whs1">
	
<li class=p><p><span style="font-weight: bold;"><B>Color 1</B></span>: Select 
 the first color from this drop-down menu.</p></li>
	
<li class=p><p><span style="font-weight: bold;"><B>Color 2</B></span>: Select 
 the second color from this drop-down menu.</p></li>
	
<li class=p><p><span style="font-weight: bold;"><B>Shading styles</B></span>: 
 Select which direction to shade.</p></li>
	<ul type="square" class="whs4">
		
<li class=p><p><span style="font-weight: bold;"><B>Horizontal</B></span>: 
 Select this option to use a horizontally centered gradient.</p></li>
		
<li class=p><p><span style="font-weight: bold;"><B>Vertical</B></span>: 
 Select this option to use a vertically centered gradient.</p></li>
	</ul>
	
<li class=p><p><span style="font-weight: bold;"><B>Variants</B></span><span>: 
 Displays the different variants that can be applied to the gradient. Click 
 on a variant to apply it.</span></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
